/* Ces styles sont juste là pour avoir une interface à peu près potable pour
 * l'instant, on les modifiera plus tard si besoin.
 */

html {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	border: 0;
	margin: 0;
	padding: 8px;
	font-family: sans-serif;
	background-color: white;
	color: black;
}

table {
	padding: 0;
	margin: 0;
	border: 0;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

div.header {
	border: 1px solid #003366;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100px;
	position: relative;
	background-color: #d4e0ff;
}

div.subtitle {
	font-size: small;
	text-align: right;
	color: gray;
}

div.logo {
	float: left;
	margin-left: 40px;
}

div.loginContent {
	text-align: center;
}

div.loginFormDiv {
	clear: both;
	margin-top: 100px;
}

table.loginFormTable {
	display: inline-block;
	clear: both;
	text-align: left;
}

td.fieldLabel {
	padding-right: 25px;
}

label.checkboxLabel {
	font-size: small;
}

input.loginButton {
	margin-top: 25px;
}

div.topMenuBar {
	text-align: right;
	font-style: italic;
	position: absolute;
	top: 5px;
	right: 15px;
}

div.bottomMenuBar {
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 60px;
}

div.menuMessage {
	font-size: small;
	display: inline-block;
	padding: 5px;
}

a.logout {
	text-decoration: none;
	color: #03387e;
}

a.logout:hover {
	text-decoration: underline;
}

div.menuTab {
	font-size: small;
	border: 1px solid #003366;
	border-bottom: none;
	display: inline-block;
	padding: 5px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #9eb9f5;
}

div.active {
	background-color: #97a9ea;
	color: white;
}

a.tabTitle {
	color: black;
	text-decoration: none;
}

a.tabTitle:hover {
	color: white;
	text-decoration: underline;
}

.arborescence {
	padding-top: 20px;
	width: 300px;
	position: absolute;
	top: 130px;
	bottom: 8px;
	background-color: #d4e0ff;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	padding-left: 20px;
	overflow-y: scroll;
}

.content {
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	top: 130px;
	left: 329px;
	bottom: 8px;
	right: 8px;
	overflow-y: scroll;
}

hr {
	color:gray;
	background-color: gray;
	border: 1px;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.errorMessage {
	margin-top: 25px;
	color: red;
}

input.field {
	width: 170px;
}

.formElement {
	border:1px solid gray;
	margin: 5px;
	margin-right: 10px;
	margin-left: 0;
}

.searchButton {
	margin-top: 20px;
}

.searchNotice {
	font-style: italic;
	margin-bottom: 20px;
}

a.searchResult {
	font-weight: bold;
	color: #003366;
}

.columnLabel {
	text-decoration: underline;
	padding-bottom: 10px;
}

.div-table{
	display: table;
	width: auto;
	border-spacing: 5px;
}

.div-table-row {
	display: table-row;
	width: auto;
	clear: both;
}

.div-table-col {
	float: left;
	display: table-column;         
	width: 200px;
}

.colCheckBox {
	width: 125px;
}

.div-table-buttons {
	width: auto;
}

div.ficheEtu {
	border: 1px solid #003366;
	width: 400px;
	height: 435px;
	background-color: #d4e0ff;
}

div.ficheTitre {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #003366;
	background-color: #9eb9f5;
	padding-top : 5px;
	padding-bottom: 5px;
	color: white;
}

div.bottomPageBar {
	font-size: small;
}

.left {
	float:left;
}

.right {
	float:right;
}

table.ficheTable {
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

.ficheButton {
	margin-top: 30px;
	margin-left: 60px;
	margin-right: 60px;
}

div.ficheButtonsDiv {
	width: 400px;
	text-align: center;
	padding-bottom: 30px;
}

td.center {
	text-align: center;
}

.center {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.examNote {
	margin-left: 20px;
	font-style: italic;
}

.hoverable { /*ne pas supprimer*/
	overflow:auto;
}

.hoverable:hover {
	background-color: #d4e0ff;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

fieldset {
	padding: 10px;
}

.red {
	color: red;
}

.green {
	color: green;
}

.orange {
	color: darkorange;
}

input.uecap {
	width: 75px;
}

.ddeTable {
	border-collapse: collapse;
	width:100%;
}

.ddeCell {
	padding-left: 10px;
	padding-right: 10px;
}

.ddeCell.shrink {
	white-space:nowrap;
}

.ddeCell.expand {
	width: 99%;
}

.ddeRow {
	
}

.ddeRow:hover {
	background-color: #d4e0ff;
}

.italic {
	font-style: italic;
}

.small {
	font-size: small;
}

.csv {
	height: 500px;
}
